<!doctype html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>遇见 | 自信的你</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!-- 云播放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="stylesheet" href="css/index.css">


<!-- <link rel="icon" type="image/png" href="assets/i/favicon2.ico"> -->
<link rel="icon" href="assets/i/favicon.ico">
<link rel="apple-touch-icon-precomposed"
	href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css" />
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/css/app.css">
<script src="assets/js/echarts.min.js"></script>
</head>

<body data-type="index">

	<header class="am-topbar am-topbar-inverse admin-header">
		<div class="am-topbar-brand">
			<a href="javascript:;" class="tpl-logo"> <img
				src="assets/img/logo2.png" alt="">
			</a>
		</div>
		<div
			class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right">
		</div>


		<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

			<ul
				class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
				</li>
				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
				</li>
				<li class="am-hide-sm-only">
						<!-- <a href="javascript:;"
						id="admin-fullscreen" class="tpl-header-list-link">
					
						<span class="am-icon-arrows-alt"></span> 
						 <span class="admin-fullText">开启全屏</span> 
						</a></li> -->

				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
					<a class="am-dropdown-toggle tpl-header-list-link"
					href="javascript:;"> <span class="tpl-header-list-user-nick">admin</span><span
						class="tpl-header-list-user-ico"> <img
							src="assets/img/1-user.jpg"></span>
				</a>
					<ul class="am-dropdown-content">
						<li><a href="#"><span class="am-icon-bell-o"></span> 资料</a></li>
						<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
						<li><a href="login.html"><span class="am-icon-power-off"></span>
								退出</a></li>
					</ul>
				</li>
				<li><a href="login.html" class="tpl-header-list-link"><span
						class="am-icon-sign-out tpl-header-list-ico-out-size"></span></a></li>
			</ul>
		</div>
	</header>
	
	<article>
	<div class="tpl-page-container tpl-page-header-fixed">
		<div class="tpl-left-nav tpl-left-nav-hover">
			<div class="tpl-left-nav-title">Meet | 列表</div>
			<div class="tpl-left-nav-list">
				<ul class="tpl-left-nav-menu">
					<li class="tpl-left-nav-item"><a href="index.html"
						class="nav-link active"> <i class="am-icon-home"></i> <span>首页</span>
					</a></li>

					<li class="tpl-left-nav-item"><a id="cloudMemberId"
						class="nav-link tpl-left-nav-link-list"> <i
							class="am-icon-table"></i> <span>会员模块</span> <i
							class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
					</a>
						<ul class="tpl-left-nav-sub-menu">
							<li>
							
							<a class="active" id="addMemberId"> <i
									class="am-icon-angle-right"></i> <span>添加会员</span>
							<!-- 	<i
									class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right">
								</i> -->
							</a> <!-- 打开状态 a 标签添加 active 即可   --> 
							
							<a class="active"
								id="memberInfoId"> <i class="am-icon-angle-right"></i> <span>会员信息</span>
							</a> <!-- 打开状态 a 标签添加 active 即可   -->
							 
							<a class="active"
								id="orderInfoId"> <i class="am-icon-angle-right"></i> <span>订单信息</span>
							</a>
							
							<a class="active" 
								id="itemInfoId">
								 <i class="am-icon-angle-right"></i> <span>商品信息</span>
							</a>
							
							</li>
						</ul>
					</li>

					<li class="tpl-left-nav-item"><a id="cloudMemberId"
						class="nav-link tpl-left-nav-link-list"> <i
							class="am-icon-table"></i> <span>店员模块</span> <i
							class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
					</a>
						<ul class="tpl-left-nav-sub-menu">
							<li><a class="active" id="cloud-play-id"> <i
									class="am-icon-angle-right"></i> <span>云播放</span>
							</a></li>
						</ul></li>

					<li class="tpl-left-nav-item"><a href="login.html"
						class="nav-link tpl-left-nav-link-list"> <i
							class="am-icon-key"></i> <span>登录</span>
					</a></li>
				</ul>
			</div>
		</div>


		<div class="tpl-content-wrapper">
        	<div>
            <div class="tpl-content-page-title" style="display:none">
                	遇见   首页
            </div>
            <ol class="am-breadcrumb" style="display:none">
                <li><a href="#" class="am-icon-home">首页</a></li>
                <li><a href="#">分类</a></li>
                <li class="am-active">内容</li>
            </ol>
            <div class="tpl-content-scope">
                <div class="note note-info" >
                    <h3>遇见  | 最美的你
                        <span class="close" data-close="note"></span>
                    </h3>
                </div>
            </div>
            </div>

            <div class="row" style="display:none">
                <div class="am-u-md-6 am-u-sm-12 row-mb">
                    <div class="tpl-portlet">
                        <!--此部分数据请在 js文件夹下中的 app.js 中的 “百度图表A” 处修改数据 插件使用的是 百度echarts-->
                        <div  id="tpl-echarts-A" style="display:none">
                        </div>
                    </div>
                </div>
            </div>  
            <div>
            	<img alt="image1" src="assets/i/pic02.jpg">
            </div>
            
            
        </div>
	</div>
	</article>
	
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 官网提供的 axios 在线地址 -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	
	
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/amazeui.min.js"></script>
	<script src="assets/js/iscroll.js"></script>
	<script src="assets/js/app.js"></script>
	<script type="text/javascript">
		$(function() {
			doLoadUI("#addMemberId", "member-add.html"); // 添加会员 按钮
			doLoadUI("#memberInfoId", "member-info.html"); // 会员信息 按钮
			doLoadUI("#orderInfoId", "order-info.html"); // 订单信息 按钮
			doLoadUI("#itemInfoId", "item-info.html"); // 订单信息 按钮
			
			doLoadUI("#cloud-play-id","cloud-music.html");	// 云播放 按钮
		});
		// 通用的加载页面函数
		function doLoadUI(id, path) {
			$(id).click(function() {
				$(".tpl-content-wrapper").load(path)
			});
		}
	</script>

</body>

</html>